page-borrow-money {
  // 头部
  .borrow-money-header
  {
    @include office-header-style;
    .toolbar-background
    {
      background-color: $office-start-linear;
    }

    // 疑问框
    ion-buttons.do-help
    {
      margin: 0 px2rem(32) 0 0;
      padding: 0;
      width: px2rem(44);
      height: px2rem(88);
      background : transparent;
      button
      {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        span
        {
          background: url("../assets/img/borrow-money/about.svg") no-repeat center;
          background-size: contain;
        }
        &:after
        {
          bottom: 0;
        }
      }
    }
  }

  .borrow-money-section
  {
    /* Chrome 10+,Safari */
    background : -webkit-linear-gradient(top, $office-start-linear 00%, $office-start-linear 67%, $office-white 68%, $office-white 99%);

    /* Firefox 4+ */
    background : -moz-linear-gradient(top, $office-start-linear 00%, $office-start-linear 67%, $office-white 68%, $office-white 99%);

    /* Opera */
    background : -o-linear-gradient(top, $office-start-linear 00%, $office-start-linear 67%, $office-white 68%, $office-white 99%);

    /* IE 10+ */
    background : -ms-linear-gradient(top, $office-start-linear 00%, $office-start-linear 67%, $office-white 68%, $office-white 99%);

    /* W3C */
    background : linear-gradient(top, $office-start-linear 00%, $office-start-linear 67%, $office-white 68%, $office-white 99%);
    .fixed-content, .scroll-content
    {
      margin-bottom: px2rem(98) !important;
    }
    .scroll-content
    {
      @include office-background(180deg);

      // 卡片组
      .card-group
      {
        padding: 0 px2rem(60);

        &:last-child
        {
          margin-bottom: px2rem(220);
        }

        ion-card
        {
          position: relative;
          width: 100%;
          text-align: center;
          margin: px2rem(30) 0 0 0;
          background-color: transparent;
          border-radius: px2rem(32);

          .card-title
          {
            position: absolute;
            top: 64%;
            font-size: 12px;
            color: $office-light-black-nine;
            left: 0;
            width: px2rem(224);
            font-weight: normal;
          }

          .card-subtitle
          {
            font-size:  px2rem(26);
            position: absolute;
            color: $office-light-black-nine;
            top: 54%;
            left: 0;
            font-weight: 600;
            width: px2rem(224);
          }
          .lock
          {
            position: absolute;
            width: px2rem(180);
            height: px2rem(200);
            left: px2rem(223);
            top: px2rem(100);
            opacity: .5;
            background: url("../assets/img/borrow-money/lock.png") no-repeat center;
            background-size: contain;
          }
          .hide
          {
            display: none;
          }
        }
        .card-info
        {
          height: px2rem(47);
          line-height: px2rem(47);
          font-size: px2rem(24);
          color: $office-white;
          width: 100%;
          text-align: center;
        }

      }


    }
    .fixed-content
    {
      // 右下悬浮显示添加
      ion-fab
      {
        &.do-borrow
        {
          width: 100%;
          height: px2rem(142);
          //left : px2percent(304);
          bottom: px2rem(48);
          @include office-transition(all,.475s,ease);
          button{
           margin: 0 auto;
           width: px2rem(142);
           height: 100%;
           padding: px2rem(30) px2rem(37);
           background-color: $office-picker-btn;

           @include office-shadow();
           &.addOpacity
           {
             opacity: .1;
           }
           span
           {
             display: inline-block;
             white-space: normal;
             overflow: hidden;
             line-height: px2rem(41);
             font-size: px2rem(28);
           }
         }
       }
        &.moveTop
        {
          @include office-transition-delay(.05s);
          @include office-translateY(px2rem(-730));
        }

      }
    }

  }
}
